<template>
    <div class="operate-log">
        <!-- 查询客户基本信息 -->
        <table class="mailTable" cellspacing="0" cellpadding="0">
            <tr>
                <td class="theadbody" colspan="4">{{ tableTitle }}</td>
            </tr>
            <tr v-for="item in trtdData">
                <td class="column">{{ item.label }}</td>
                <td>{{ item.labelData }}</td>
                <td class="column">{{ item.label2 }}</td>
                <td>{{ item.label2Data }}</td>
            </tr>
        </table>
    </div>
</template>
    
<script>
export default {
    name: 'AccountManagerAccountInfo',
    data() {
        return {
        };
    },

    props: {
        trtdData: {
            type: Array,
            default: function () {
                return [];
            },
        },
        tableTitle: {
            type: String,
            default: '',
        }
    },
};
</script>
    
<style lang="scss" scoped>
.operate-log {

    .ui-icon-plus,
    .ui-icon-search {
        color: #fff;
    }

    .vx-dialog.ui-dialog {
        width: 750px;
    }

    .success {
        color: $color-success;
    }

    .error {
        color: $color-danger;
    }

    .Ptitle {
        font-size: 20px;
        font-weight: bold;
        margin-bottom: 40px;
    }

    .theadbody {
        width: 100% !important;
        background-color: #BCBCBC;
        height: 35px;
        line-height: 35px;
    }

    .Ptitle2 {
        font-size: 20px;
        font-weight: bold;
        margin-bottom: 40px;
        margin-top: 40px;
    }

    .mailTable {
        width: 95%;
        margin: auto;
        border-top: 1px solid #E6EAEE;
        border-left: 1px solid #E6EAEE;
    }

    .mailTable tr td {
        // width: 100px;
        height: 45px;
        line-height: 45px;
        box-sizing: border-box;
        padding: 0 10px;
        border-bottom: 1px solid #E6EAEE;
        border-right: 1px solid #E6EAEE;
    }

    .mailTable tr td.column {
        background-color: #EFF3F6;
        color: #393C3E;
        width: 20%;
    }

    .btnbody {
        width: 20%;
        margin: 50px auto;
    }
}
</style>
    